<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米有品</title>
    <link rel="shortcut icon" href="static/img/favicon.ico" />

    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
    
</head>
<body>
    <header>
        <ul id="list">
            <li>
                <a href="#" id="welcome" ></a>
                <a href="#" id="login">登录</a>
                <a href="#" id="register">注册</a>
                <div class="second_list">
                    <em href="#">我的订单</em>
                    <em href="#">退款/售后</em>
                    <em href="#">我的资产</em>
                    <em href="#">我的收藏</em>
                    <em href="#">地址管理</em>
                    <em href="#" id="exit">退出登录</em>
                </div>
                 
            </li>
            <li>
            <li>
                <a href="#" id="help">
                    帮助中心</a></li>
            <li>
                <a href="#" id="download">
                    <i class="iconfont icon-sj"></i>
                    
                    下载App</a>
            </li>
            <li>
                <a href="#">
                    <i>资质证照/协议规则</i>
                    <i class="iconfont icon-xjt" style="font-size:20px; "></i>
                </a>
            </li>
        </ul>
    </header>

    <div class="bigbanner">
        <div id="banner">
            <div id="title">
                <div id="logo">
                    <img src="static/img/logo.jpg" alt="" srcset="">
                </div>
                <div id="time_buy">
                    <a href="#">限时抢购</a>
                </div>
                <div id="search">
                    <i class="iconfont icon-ss"></i>
                    <input type="text" name="" placeholder="搜一搜">
                </div>
                <div id="cart">
                    <i class="iconfont icon-gwc"></i>
                </div>
            </div>
            <div id="cont">
                <div id="sel">
                    <li class="lb">
                        <a href="#">有品推荐</a>
                        <i>/</i>
                        <a href="#">家用电器</a>
                    </li>
                    <li class="lb">
                        <a href="#">智能家庭</a>
                        <i>/</i>
                        <a href="#">电视影音</a>
                    </li>
                    <li class="lb">
                        <a href="#">家居家装</a>
                        <i>/</i>
                        <a href="#">居家餐厨</a>
                    </li>
                    <li class="lb">
                        <a href="#">运动户外</a>
                        <i>/</i>
                        <a href="#">出行车品</a>
                    </li>
                    <li class="lb">
                        <a href="#">手机电脑</a>
                        <i>/</i>
                        <a href="#">数码周边</a>
                    </li>
                    <li class="lb">
                        <a href="#">服装配饰</a>
                        <i>/</i>
                        <a href="#">鞋靴箱包</a>
                    </li>
                    <li class="lb">
                        <a href="#">日用文创</a>
                        <i>/</i>
                        <a href="#">美食酒饮</a>
                    </li>
                    <li class="lb">
                        <a href="#">美妆个护</a>
                        <i>/</i>
                        <a href="#">健康保健</a>
                    </li>
                    <li class="lb">
                        <a href="#">母婴亲子</a>
                        <i>/</i>
                        <a href="#">宠物生活</a>
                    </li>
    
                    <div class="biglist">
                        <div class="biglist_con list_con0">
                            <h2>有品推荐</h2>
                            <ul>
                                <a href="#"><img src="./static/img/list1.png" alt="" srcset=""> <li>销量榜单</li></a>
                                <a href="#"><img src="./static/img/list2.png" alt="" srcset=""> <li>米粉热搜 </li></a>
                                <a href="#"><img src="./static/img/list3.png" alt="" srcset=""> <li>清凉季</li></a>
                                <a href="#"><img src="./static/img/list4.png" alt="" srcset=""> <li>女神最爱</li></a>
                                <a href="#"><img src="./static/img/list5.png" alt="" srcset=""> <li>婴童精选</li></a>
                                <a href="#"><img src="./static/img/list6.jpg" alt="" srcset=""> <li>D.LAB</li></a>
                                <a href="#"><img src="./static/img/list7.png" alt="" srcset=""> <li>小爱专区</li></a>
                                <a href="#"><img src="./static/img/list8.png" alt="" srcset=""> <li>销量榜单</li></a>
                                <a href="#"><img src="./static/img/list9.png" alt="" srcset=""> <li>品质生活</li></a>
                                <a href="#"><img src="./static/img/list10.png" alt="" srcset=""> <li>美酒佳酿</li></a>
                                <a href="#"><img src="./static/img/list11.png" alt="" srcset=""> <li>运动健身</li></a>
                                <a href="#"><img src="./static/img/list12.png" alt="" srcset=""> <li>健康生活</li></a>
                            </ul>
    
                            <h2>家用电器</h2>
                            <ul>
                                <a href="#"><img src="./static/img/list13.jpg" alt="" srcset=""> <li>新品推荐</li></a>
                                <a href="#"><img src="./static/img/list14.jpg" alt="" srcset=""> <li>热卖榜单</li></a>
                                <a href="#"><img src="./static/img/list15.jpeg" alt="" srcset=""> <li>空调/风扇</li></a>
                                <a href="#"><img src="./static/img/list16.jpeg" alt="" srcset=""> <li>清洁电器</li></a>
                                <a href="#"><img src="./static/img/list17.jpg" alt="" srcset=""> <li>洗衣机</li></a>
                                <a href="#"><img src="./static/img/list18.jpeg" alt="" srcset=""> <li>冰箱</li></a>
                                <a href="#"><img src="./static/img/list19.jpg" alt="" srcset=""> <li>生活电器</li></a>
                                <a href="#"><img src="./static/img/list20.jpg" alt="" srcset=""> <li>厨房大电</li></a>
                                <a href="#"><img src="./static/img/list21.png" alt="" srcset=""> <li>厨房小电</li></a>
                                <a href="#"><img src="./static/img/list22.jpg" alt="" srcset=""> <li>卫浴电器</li></a>
                                <a href="#"><img src="./static/img/list23.jpeg" alt="" srcset=""> <li>净水器</li></a>
                                <a href="#"><img src="./static/img/list24.jpeg" alt="" srcset=""> <li>空气净化器</li></a>
                                <a href="#"><img src="./static/img/list25.jpeg" alt="" srcset=""> <li>新风系统</li></a>
                                <a href="#"><img src="./static/img/list26.jpeg" alt="" srcset=""> <li>配件耗材</li></a>
                                <a href="#"><img src="./static/img/list27.png" alt="" srcset=""> <li>撸串必备</li></a>
                            </ul>
                        </div>
                        <div class="biglist_con list_con1">
                            <h2>智能家庭</h2>
                            <ul>
                                <a href="#"><img src="./static/img/tv1.png" alt="" srcset=""> <li>销量Top20</li></a>
                                <a href="#"><img src="./static/img/tv2.png" alt="" srcset=""> <li>安全防护必备 </li></a>
                                <a href="#"><img src="./static/img/tv3.png" alt="" srcset=""> <li>新品专区</li></a>
                                <a href="#"><img src="./static/img/tv4.png" alt="" srcset=""> <li>智能门锁</li></a>
                                <a href="#"><img src="./static/img/tv5.png" alt="" srcset=""> <li>门铃/猫眼</li></a>
                                <a href="#"><img src="./static/img/tv6.png" alt="" srcset=""> <li>摄像机</li></a>
                                <a href="#"><img src="./static/img/tv7.png" alt="" srcset=""> <li>保险箱</li></a>
                                <a href="#"><img src="./static/img/tv8.png" alt="" srcset=""> <li>智能家庭</li></a>
                                <a href="#"><img src="./static/img/tv9.png" alt="" srcset=""> <li>网关/传感器</li></a>
                                <a href="#"><img src="./static/img/tv10.jpg" alt="" srcset=""> <li>开关插座</li></a>
                                <a href="#"><img src="./static/img/tv11.jpg" alt="" srcset=""> <li>路由器</li></a>
                                <a href="#"><img src="./static/img/tv12.jpg" alt="" srcset=""> <li>语音助手</li></a>  
                                <a href="#"><img src="./static/img/tv13.png" alt="" srcset=""> <li>智能手表</li></a>
                                <a href="#"><img src="./static/img/tv14.png" alt="" srcset=""> <li>智能乐器 </li></a>
                                <a href="#"><img src="./static/img/tv15.png" alt="" srcset=""> <li>无人机</li></a>
                                <a href="#"><img src="./static/img/tv16.png" alt="" srcset=""> <li>翻译机</li></a>
                                <a href="#"><img src="./static/img/tv17.png" alt="" srcset=""> <li>智酷玩具</li></a>
                                <a href="#"><img src="./static/img/tv18.png" alt="" srcset=""> <li>小爱专区</li></a>
                                <a href="#"><img src="./static/img/tv19.png" alt="" srcset=""> <li>VR头戴</li></a>
                                <a href="#"><img src="./static/img/tv20.png" alt="" srcset=""> <li>网络存储</li></a>
                                <a href="#"><img src="./static/img/tv21.png" alt="" srcset=""> <li>打印机</li></a>
                                <a href="#"><img src="./static/img/tv22.png" alt="" srcset=""> <li>智能手环</li></a>
                                <a href="#"><img src="./static/img/tv23.png" alt="" srcset=""> <li>游戏周边</li></a>
                                <a href="#"><img src="./static/img/tv24.png" alt="" srcset=""> <li>相机</li></a>
                            </ul>
    
                            <h2>电视影音</h2>
                            <ul>
                                <a href="#"><img src="./static/img/tv25.png" alt="" srcset=""> <li>新品推荐</li></a>
                                <a href="#"><img src="./static/img/tv26.png" alt="" srcset=""> <li>热卖榜单</li></a>
                                <a href="#"><img src="./static/img/tv27.jpg" alt="" srcset=""> <li>空调/风扇</li></a>
                                <a href="#"><img src="./static/img/tv28.jpeg" alt="" srcset=""> <li>清洁电器</li></a>
                                <a href="#"><img src="./static/img/tv29.jpeg" alt="" srcset=""> <li>洗衣机</li></a>
                                <a href="#"><img src="./static/img/tv30.jpeg" alt="" srcset=""> <li>冰箱</li></a>
                                <a href="#"><img src="./static/img/tv31.jpeg" alt="" srcset=""> <li>生活电器</li></a>
                                <a href="#"><img src="./static/img/tv32.jpeg" alt="" srcset=""> <li>厨房大电</li></a>
                                <a href="#"><img src="./static/img/tv33.jpeg" alt="" srcset=""> <li>厨房小电</li></a>
                                <a href="#"><img src="./static/img/tv34.jpg" alt="" srcset=""> <li>卫浴电器</li></a>
                                <a href="#"><img src="./static/img/tv35.png" alt="" srcset=""> <li>净水器</li></a>
                                <a href="#"><img src="./static/img/tv36.jpg" alt="" srcset=""> <li>空气净化器</li></a>
                                <a href="#"><img src="./static/img/tv37.jpg" alt="" srcset=""> <li>新风系统</li></a>
                                <a href="#"><img src="./static/img/tv38.png" alt="" srcset=""> <li>配件耗材</li></a>
                                <a href="#"><img src="./static/img/tv39.png" alt="" srcset=""> <li>撸串必备</li></a>
                                <a href="#"><img src="./static/img/tv40.png" alt="" srcset=""> <li>撸串必备</li></a>
                                <a href="#"><img src="./static/img/tv41.jpeg" alt="" srcset=""> <li>撸串必备</li></a>
                                <a href="#"><img src="./static/img/tv42.png" alt="" srcset=""> <li>撸串必备</li></a>
                            </ul>
                        </div>
                    </div>
                    
                </div>
                <div id="slide">
                    <div id="imgbox">
                        <a href="#"><img src="static/img/slide1.jpg" alt=""></a>
                        <a href="#"><img src="static/img/slide2.jpg" alt=""></a>
                        <a href="#"><img src="static/img/slide3.jpg" alt=""></a>
                        <a href="#"><img src="static/img/slide4.jpg" alt=""></a>
                        <a href="#"><img src="static/img/slide5.jpg" alt=""></a>
                        <a href="#"><img src="static/img/slide6.jpg" alt=""></a>
                        <a href="#"><img src="static/img/slide7.jpg" alt=""></a>
                    </div>
                    <div id="left_btn" class="btn">
                        <i class="iconfont icon-zjt"></i>
                    </div>
                    <div id="right_btn" class="btn">
                        <i class="iconfont icon-yjt"></i>
                    </div>
                    
                </div>
            </div>
    
            
            
        </div>
    </div>
    

    <div id="circle">
        <a href="#"><img src="./static/img/circle1.png" alt=""><span>每日新品</span> </a>
        <a href="#"><img src="./static/img/circle2.png" alt=""><span>小米众筹</span> </a>
        <a href="#"><img src="./static/img/circle3.png" alt=""><span>限时抢购</span> </a>
        <a href="#"><img src="./static/img/circle4.png" alt=""><span>热销榜单</span> </a>
        <a href="#"><img src="./static/img/circle5.png" alt=""><span>小米自营</span> </a>
    </div>
    <div id="zc">
        <h2>小米有品众筹
            <span>永远好奇 永远年轻</span>
            <a href="#">
                <span class="iconfont icon-yjt"> </span>
                <span class="more">更多</span>
            </a>
        </h2>
        <div id="pic">
            <div class="pic_one pic">
                <h3>70迈智能电动车</h3>
                <span>6.86英寸智能中控、小爱同学语音...</span>
                <p>￥ 199</p>
                <img src="static/img/moto.png" alt="">
            </div>
            <div class="pic_two pic">
                <h3>宠物除菌护理梳</h3>
                <p>￥ 2999起</p>
                <img src="static/img/cobe.png" alt="">
            </div>
            <div class="pic_three pic">
                <h3>魔凡即热茶吧机</h3>
                <p>￥ 499</p>
                <img src="static/img/pw.png" alt="">
            </div>
        </div>
        <div id="support">
            <div id="s1">
                <div id="sum">
                    <p class="person">607</p>
                    <span>人支持</span>
                    <i class="hot spic">热</i>
                    <p class="per">242%</p>
                </div>
            </div>
            <div id="s2">
                <div id="sum">
                    <p class="person">22300</p>
                    <span>人支持</span>
                    <i class="exp spic">爆</i>
                    <p class="per">1115%</p>
                </div>
            </div>
            <div id="s3">
                <div id="sum">
                    <p class="person">3502</p>
                    <span>人支持</span>
                    <i class="exp spic">爆</i>
                    <p class="per">1751%</p>
                </div>
            </div>
        </div>
    </div>

    <div id="xsg">
            <h3>限时购 
                <img src="static/img/clock.png" alt="">
                <span class="time"> 12.00场</span>
                <span class="djs" >00</span>
                <i>:</i>
                <span class="djs" >00</span>
                <i>:</i>
                <span class="djs" >00</span>
                <a href="#">
                    <span class="iconfont icon-yjt"> </span>
                    <span class="more">更多</span>
                </a>
            </h3>
            
            <div class="bigrm">
                <div class="rm">
                    <div class="rm_box">
                        <img src="static/img/rm1.jpg" alt="">
                        <p>超越所见吸顶灯</p>
                        <span>
                            ￥69 <i>￥199</i>
                        </span>
                       
                    </div>
                    <div class="rm_box">
                        <img src="static/img/rm2.jpg" alt="">
                        <p>男针织运动长裤</p>
                        <span>
                            ￥99 <i>￥139</i>
                        </span>
                       
                    </div>
                    <div class="rm_box">
                        <img src="static/img/rm3.jpg" alt="">
                        <p>星菜冻干面</p>
                        <span>
                            ￥46.9 <i>￥64.9</i>
                        </span>
                        
                    </div>
                    <div class="rm_box">
                        <img src="static/img/rm4.jpg" alt="">
                        <p>雅固喷枪淋浴花洒</p>
                        <span>
                            ￥399<i>￥549</i>
                        </span>
                        
                    </div>
    
                    <div class="rm_box">
                        <img src="static/img/rm1.jpg" alt="">
                        <p>超越所见吸顶灯</p>
                        <span>
                            ￥69 <i>￥199</i>
                        </span>
                       
                    </div>

                    <div class="rm_box">
                        <img src="static/img/rm2.jpg" alt="">
                        <p>男针织运动长裤</p>
                        <span>
                            ￥99 <i>￥139</i>
                        </span>
                       
                    </div>

                    <div class="rm_box">
                        <img src="static/img/rm3.jpg" alt="">
                        <p>星菜冻干面</p>
                        <span>
                            ￥46.9 <i>￥64.9</i>
                        </span>
                        
                    </div>
    
                    
    
                </div>
                <div class="left button">
                    <span class="iconfont icon-zjt" ></span>
                </div>
                <div class="right button" >
                    <span class="iconfont icon-yjt" ></span>
                </div>
            </div>
            
    </div>


    <div id="day">
        <h2>每日新品
            <span>每天10点 惊喜不断</span>
            <a href="#">
                <span class="iconfont icon-yjt"> </span>
                <span class="more">更多</span>
            </a>
        </h2>

        <div class="bigrm">
            <div class="rm">
                <div class="rm_box">
                    <img src="static/img/xp1.jpg" alt="">
                    <p>宝得适安全座椅</p>
                    <div class="intro">
                        Britax宝得适/百代适超级百变王...
                    </div>
                    <span>
                        ￥2189 
                    </span>
                   
                </div>
                <div class="rm_box">
                    <img src="static/img/xp2.jpg" alt="">
                    <p>吸尘器F8 Pro</p>
                    <div class="intro">
                       爆款F8增强版，135W强劲吸力，...
                    </div>
                    <span>
                        ￥1899 
                    </span>
                   
                </div>
                <div class="rm_box">
                    <img src="static/img/xp3.jpg" alt="">
                    <p>智能颈椎按摩器</p>
                    <div class="intro">
                       遥控操作 三大智能模式 3D浮动...
                    </div>
                    <span>
                        ￥499
                    </span>
                    
                </div>
                <div class="rm_box">
                    <img src="static/img/xp4.jpg" alt="">
                    <p>猫狗基因检测</p>
                    <div class="intro">
                        猫狗品牌溯源，健康风险评估，...
                    </div>
                    <span>
                        ￥299
                    </span>
                    
                </div>

                <div class="rm_box">
                    <img src="static/img/xp1.jpg" alt="">
                    <p>宝得适安全座椅</p>
                    <div class="intro">
                        Britax宝得适/百代适超级百变王...
                    </div>
                    <span>
                        ￥2189 
                    </span>
                   
                </div>
                <div class="rm_box">
                    <img src="static/img/xp2.jpg" alt="">
                    <p>吸尘器F8 Pro</p>
                    <div class="intro">
                       爆款F8增强版，135W强劲吸力，...
                    </div>
                    <span>
                        ￥1899 
                    </span>
                   
                </div>
                <div class="rm_box">
                    <img src="static/img/xp3.jpg" alt="">
                    <p>智能颈椎按摩器</p>
                    <div class="intro">
                       遥控操作 三大智能模式 3D浮动...
                    </div>
                    <span>
                        ￥499
                    </span>
                    
                </div>
                <div class="rm_box">
                    <img src="static/img/xp4.jpg" alt="">
                    <p>猫狗基因检测</p>
                    <div class="intro">
                        猫狗品牌溯源，健康风险评估，...
                    </div>
                    <span>
                        ￥299
                    </span>
                    
                </div>
    
    
                
            </div>

            <div class="left button">
                <span class="iconfont icon-zjt" ></span>
            </div>
            <div class="right button" >
                <span class="iconfont icon-yjt" ></span>
            </div>
        </div>
        

    </div>

    <div id="special">
        <h2>专属推荐</h2>
        <div class="imgbox">
            <div class="box">
                <img src="static/img/sp1.webp" alt="">
                <p>视网膜显示屏，内置摄像头，触发...</p>
                <div class="xq">
                    <div class="flag">
                        <span>特价</span>
                    </div>
                    <p class="tit">Apple/苹果 10.2英寸...</p>
                    <div class="price">
                        <span class="one">￥</span>
                        <span class="two" >2499</span>
                        <span class="one">起</span>
                    </div>

                </div>
            </div>

            <div class="box">
                <img src="static/img/sp2.webp" alt="">
                <p>视网膜显示屏，内置摄像头，触发...</p>
                <div class="xq">
                    <div class="flag">
                        <span>特价</span>
                    </div>
                    <p class="tit">Apple/苹果 10.2英寸...</p>
                    <div class="price">
                        <span class="one">￥</span>
                        <span class="two" >2499</span>
                        <span class="one">起</span>
                    </div>

                </div>
            </div>

            <div class="box">
                <img src="static/img/sp3.webp" alt="">
                <p>视网膜显示屏，内置摄像头，触发...</p>
                <div class="xq">
                    <div class="flag">
                        <span>特价</span>
                    </div>
                    <p class="tit">Apple/苹果 10.2英寸...</p>
                    <div class="price">
                        <span class="one">￥</span>
                        <span class="two" >2499</span>
                        <span class="one">起</span>
                    </div>

                </div>
            </div>

            <div class="box">
                <img src="static/img/sp3.webp" alt="">
                <p>视网膜显示屏，内置摄像头，触发...</p>
                <div class="xq">
                    <div class="flag">
                        <span>特价</span>
                    </div>
                    <p class="tit">Apple/苹果 10.2英寸...</p>
                    <div class="price">
                        <span class="one">￥</span>
                        <span class="two" >2499</span>
                        <span class="one">起</span>
                    </div>

                </div>
            </div>

            <div class="box">
                <img src="static/img/sp3.webp" alt="">
                <p>视网膜显示屏，内置摄像头，触发...</p>
                <div class="xq">
                    <div class="flag">
                        <span>特价</span>
                    </div>
                    <p class="tit">Apple/苹果 10.2英寸...</p>
                    <div class="price">
                        <span class="one">￥</span>
                        <span class="two" >2499</span>
                        <span class="one">起</span>
                    </div>

                </div>
            </div>

            
        </div>
    </div>


    <footer>
        <h2>
            <img src="static/img/logo.jpg" alt="">
        </h2>
        <div id="text">
            <p>@xiaomiyoupin.com 苏B2-20180351 苏ICP备 18025642号-1 

                <img src="static/img/police.gif" alt="">
                苏公网安备32010502010244号
            </p>
            <p>
                企业名称：有品信息科技有限公司 关于我们 入驻有品
            </p>
            <p>
                 小米有品平台运营主体变更公告
            </p>
            <p>
                南京市建邺区白龙江东街8号3栋9层
            </p>
        </div>

        <div id="pic">
            <img src="static/img/footer.gif" alt="" srcset="">
        </div>
    </footer>
    <div class="xd">
        <div class="fixed">
            <div class="logo">
                <img src="static/img/logo.jpg" alt="" srcset="">
            </div>

            <div class="bigclass">
                <div class="classify">
                    <span class="classify_box">
                        分类
                        <i class="iconfont icon-xjt"></i>
                    </span>
                </div>
            </div>
            
            <div class="time_buy">
                <a href="#">限时抢购</a>
            </div>
            <div class="search">
                <i class="iconfont icon-ss"></i>
                <input type="text" name="" placeholder="搜一搜">
            </div>
            <div class="cart">
                <i class="iconfont icon-gwc"></i>
            </div>
        </div>
    </div>


    <div class="float">
        <div class="sbox">
            <i class="iconfont icon-kf"></i>
            <span>联系客服</span>
        </div>

        <div class="sbox">
            <i class="iconfont icon-sys"></i>
            <span>下载APP</span>
        </div>

        <div class="sbox">
            <i class="iconfont icon-lw"></i>
            <span>新人有礼</span>
        </div>

        <div class="sbox">
            <i class="iconfont icon-wx"></i>
            <span>关注微信</span>
        </div>
        <div class="sbox back">
            <i class="iconfont icon-rocket"></i>
            <span>回到顶部</span>
        </div>
    </div>

    <script src="js/jquery.js"></script>
    <script src="js/slide.js"></script>
    <script src="js/index.js"></script>
    
</body>
</html>